import { createContext, useContext } from 'react';

const countContext = createContext();

function useContextTest() {
  return (
    <countContext.Provider value={100}>
      <Foo/>
    </countContext.Provider>
  );
}

function Foo() {
  // return (
  //   <countContext.Consumer>
  //     {
  //       value => <div>我是Foo组件{value}</div>
  //     }
  //   </countContext.Consumer>
  // );
  const value = useContext(countContext);
  return <div>我是Foo组件{value}</div>;
}

export default useContextTest;
